@import '../../../../../../../theme/variable/breakpoint';
.item {
  &:after {
    content: '';
    display: block;
    width: 100%;
    position: relative;
    bottom: -20px;
  }
  ::ng-deep .media-object {
    background-color: transparent;
  }
}
.item-child {
  border-radius: 4px;
}

.time {
  font-size: small;
  margin: 10px 0;
}

.comment-body {
  > ::ng-deep *:last-child {
    margin-bottom: 0;
  }
  ::ng-deep {
    img {
      max-width: 100%;
    }
  }
}

.actions {
  button + button {
    margin-left: 10px;
  }
}

@media #{$gt-sm} {
  .comment-body,
  .item-child,
  .item:after {
    margin-left: 50px;
  }
}
